Ext.define('HRMS.view.Viewport', {
	extend : 'Ext.container.Viewport',
	requires : [ 
	    'HRMS.view.main.TopBar',
	    'HRMS.view.main.Navigation',	    
	    'HRMS.view.main.TabContainer'
	],

	layout : {
		type : 'border'
	},

	initComponent : function() {
		var me = this;

		Ext.applyIf(me, {
            items: [
                {
                    xtype: 'navigation',
                    region: 'west'
                },
                {
                    xtype: 'topbar',
                    region: 'north'
                },
                {
                    xtype: 'tabcontainer',
                    region: 'center'
                }
            ]
        });

		me.callParent(arguments);
	}
});